<div>
	<div class="breadcrumb">
		<a class="prev" onclick="history.go(-1)"></a>
		<a class="next" onclick="history.go(1)"></a>
	</div>
	<div class="tour-detail">
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'agency.name'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.name }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="travelAgencyId">{{'agency.areaId'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.areaName }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="mobile">{{'agency.address'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.address }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="12">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="mobile">{{'agency.cateIds'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-tag *ngFor="let item of agencyTravelCategoryList">{{item.cateName}}</nz-tag>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="16">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="brief">{{'agency.brief'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>
							{{ data.brief }}
						</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="starLevel">{{'agency.starLevel'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngIf="data.starLevel === 1">{{'starLevel.one'|translate}}</nz-form-text>
						<nz-form-text *ngIf="data.starLevel === 2">{{'starLevel.two'|translate}}</nz-form-text>
						<nz-form-text *ngIf="data.starLevel === 3">{{'starLevel.three'|translate}}</nz-form-text>
						<nz-form-text *ngIf="data.starLevel === 4">{{'starLevel.four'|translate}}</nz-form-text>
						<nz-form-text *ngIf="data.starLevel === 5">{{'starLevel.five'|translate}}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired>{{'agency.time'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngIf="data.monOpenTime">{{'week.Mon'|translate}}：{{ data.monOpenTime }} -- {{ data.monCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.tueOpenTime">{{'week.Tue'|translate}}：{{ data.tueOpenTime }} -- {{ data.tueCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.wedOpenTime">{{'week.Wed'|translate}}：{{ data.wedOpenTime }} -- {{ data.wedCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.thuOpenTime">{{'week.Thu'|translate}}：{{ data.thuOpenTime }} -- {{ data.thuCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.friOpenTime">{{'week.Fri'|translate}}：{{ data.friOpenTime }} -- {{ data.friCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.satOpenTime">{{'week.Sat'|translate}}：{{ data.satOpenTime }} -- {{ data.satCloseTime }}</nz-form-text>
						<nz-form-text *ngIf="data.sunOpenTime">{{'week.Sun'|translate}}：{{ data.sunOpenTime }} -- {{ data.sunCloseTime }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'agency.agencyServiceItem'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngFor="let i of data.serviceItemList">{{ i.name }};</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="allowMemberLevel">{{'agency.allowMemberLevel'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text *ngIf="data.allowMemberLevel === 'vip'">{{ 'userLevel.vip'|translate }}</nz-form-text>
						<nz-form-text *ngIf="data.allowMemberLevel !== 'vip'">{{ 'userLevel.normal'|translate }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="contactName">{{'agency.contactName'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.contactName }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="contactTel">{{'agency.contactTel'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.contactTel }}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div nz-col [nzSpan]="8">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="reservationFee">{{'agency.reservationFee'|translate}}</nz-form-label>
					<nz-form-control>
						<nz-form-text>{{ data.reservationFee }}{{'agency.unit'|translate}}</nz-form-text>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="24">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'agency.images'|translate}}</nz-form-label>
					<nz-form-control>
						<img src="{{ url }}" width="160" height="120" style="border-radius:4px;margin-right: 20px;margin-bottom:15px;" *ngFor="let url of data.images" />
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
		<div nz-row [nzGutter]="24">
			<div nz-col [nzSpan]="24">
				<nz-form-item nzFlex>
					<nz-form-label nzRequired nzFor="name">{{'agency.service'|translate}}</nz-form-label>
					<nz-form-control>
						<ul class="guide-list">
							<li *ngFor="let item of data.travelGuideList">
								<img src="{{ item.image }}" width="90" height="90" style="border-radius:50%;" />
								<p>{{item.name}}</p>
							</li>
						</ul>
					</nz-form-control>
				</nz-form-item>
			</div>
		</div>
	</div>
</div>
